<template>
    <van-nav-bar fixed :title="$route.meta.title">
        <template #left>
            <div v-show="$route.path.indexOf('/home')==-1" @click="$router.back()"
            >
                <van-icon name="arrow-left" size="14" style="vertical-align: middle"/>
                返回
            </div>
        </template>
    </van-nav-bar>
</template>

<script>
import {NavBar, Icon} from "vant";

export default {
    components: {
        [NavBar.name]: NavBar,
        [Icon.name]: Icon,
    },
    created() {
        console.log("header created ",this.$route.path)
    }
};
</script>

<style lang="less" scoped>
//@nav-bar-background-color:@blue;


</style>
